import { login, getMoreInfo, getUserInfo } from '@/api/user'
// import { getToken, setToken } from '@/utils/auth'
// import { resetRouter } from '@/router'
// import { } from '@/api/user'

// import { login , getUserInfo } from '@/api/user'
import { getToken, setToken, removeToken } from '@/utils/auth'
const state = {
  // 从获取token字段
  token: getToken() || null,
  // 用户信息
  userInfo: null
}
// 修改数据
const mutations = {
  setToken(state, payload) {
    state.token = payload.token
  },
  setUserInfo(state, payload) {
    state.userInfo = payload
  }
}
const actions = {
  async loginAction(context, payload) {
    // ajax接口调用
    const token = await login(payload)

    // 本地缓存
    setToken(token)
    // console.log(token);
    context.commit('setToken', { token })
  },
  // 获取用户信息
  async getUserInfoAction(context) {
    // 发起请求
    const res = await getUserInfo()
    const res2 = await getMoreInfo(res.userId)
    context.commit('setUserInfo', { ...res, ...res2 })
  },
  //   // 用户登出
  logout(context) {
    // 本地删除token   // token cookie中的
    removeToken()
    // vuex删除token   // payload 需要传递的是 对象 包一层
    context.commit('setToken', { token: null })
    // 删除用户信息        // userInfo vuex中的 空对象 对应到布尔值 也是true
    context.commit('setUserInfo', null)
  }
}
export default {
  namespaced: true,
  state,
  mutations,
  actions
}
